<template>
	<div class="box box2">{{ 1 + 1 }}</div>
	<button @click="add">操作</button>
	<div id="section">
		NYS: <span class="corpName"><span class="stockUp">GE</span></span> +1.0…
	</div>
	<div class="box3"></div>
</template>
<script>
import { Human, Park } from './class/ResultCondition.class';
export default {
	data() {
		return {
			a: 1,
			b: 2
		}
	},
	methods: {
		add() {
			console.log(`helloworld`);
		}
	},
	mounted() {
		const park = new Park()
		const zansan = new Human()
		const price = park.getPrice(zansan)
		console.log(`张三的票价是：` + price + '元')
	}
}
</script>
<style lang="scss">
.box {
	width: 100px;
	height: 100px;
	border: 1px solid #000;
	color: red;
	color: initial;
}
.box2 {
	color: green;
}
.box3 {
	width: 100px;
	height: 100px;
	border: 1px solid #000;
	background: linear-gradient(to bottom, #fff, #000);
}
body * {
	font-weight: normal;
}
#stockTicker {
	font: 12px Verdana;
}
.corpName {
	font-weight: bold;
}
.stockUp {
	color: red;
}
</style>